<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

	<title>Dojo Toolkit - Background Iframe test</title>
	<style type="text/css">
		@import "../../dojo/resources/dojo.css";
		@import "css/dijitTests.css";
	</style>

	<!-- required: a default dijit theme: -->
	<link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">

	<!-- required: dojo.js -->
	<script type="text/javascript" src="../../dojo/dojo.js"
		djConfig="parseOnLoad: true, isDebug: true"></script>

	<!-- not needed, for testing alternate themes -->
	<script type="text/javascript" src="_testCommon.js"></script>

	<script type="text/javascript">
		// adding this for IE
		doh = { robot: {}, run: function(){} };

		dojo.require("dijit.dijit"); // optimize: load dijit layer
		dojo.require("dijit.Dialog");
		dojo.require("dijit.form.DateTextBox");
		dojo.require("dijit.form.Button");
		dojo.require("dijit.Tooltip");
		dojo.require("dojo.parser");	// scan page for widgets and instantiate them
	</script>

</head>
<body class="claro">
	<span dojoType="dijit.Tooltip" connectId="one" id="one_tooltip">
		This is one tooltip.
	</span>
	<span dojoType="dijit.Tooltip" connectId="two" id="two_tooltip">
		This is another tooltip.  A little longer...
	</span>
	<button dojoType="dijit.form.Button">
		Show Dialog
		<script type="dojo/connect" event="onClick">
			dialog.show();
		</script>
	</button>
	<table>
		<tbody>
			<tr>
				<td></td>
				<td>
					<input dojoType="dijit.form.DateTextBox" type="text" />
				</td>
			</tr>
			<tr>
				<td>
					<div style="width: 200px;">
						This tooltip will disappear on IE6
						when the dialog is displayed.
						But the tooltip's iframe shouldn't make it disappear because they shouldn't overlap.
					</div>
					<select>
						<option>cat</option>
						<option>dog</option>
						<option>mouse</option>
					</select>
					<br /><br />

					<div id="one">Mouse over this to see the tooltip</div>
					<br />
					<div id="two">Mouse over this to see a different tooltip</div>
				</td>
				<td>
					<applet width="400" height="400" code="DOHRobot.class" archive="../../util/doh/robot/DOHRobot.jar">
						<param name="mayscript" value="false">
						<param name="scriptable" value="false">
						<param name="initial_focus" value="false">
					</applet>
				</td>
			</tr>
		</tbody>
	</table>
	<div id="dialog" jsId="dialog" dojoType="dijit.Dialog">
		Hello!
	</div>
</body>
</html>
